@border_color:#eee;
@item_height:45px;
@item_padding_width:60px;
@title_width:100px;

.hb_list_container{
  display: block;

  .hb_item_container{
    border-bottom: 1px solid @border_color;
    line-height: @item_height;
    position: relative;

    &.hb_item_input_horizontal{
      .hb_item_title{
        float: left;
        width: @title_width;
      }

      .hb_item_input{
        margin-left: @title_width;
        input{
          width: 100%;
          border: none;
          text-align: right;
        }

        select{
          width: 100%;
          border: none;
          text-align: right;
        }

        textarea{
          width: 100%;
          border: none;
          resize: none;
          line-height: 1.5;
          margin-top: 10px;
        }
      }
    }

    &.hb_item_input_vertical{
      .hb_item_title{

      }

      .hb_item_input{
        input{
          width: 100%;
          border: none;
          text-align: left;
        }
        select{
          width: 100%;
          border: none;
          text-align: right;
        }
        textarea{
          width: 100%;
          border: none;
          resize: none;
          line-height: 1.5;
          margin-top: 10px;
        }
      }
    }


  }
}


